<template>
	<view class="flex flex-column u-p-b-20 u-m-t-30 bg-white rounded-10">
		<u-cell-item :borderBottom="false" title="全部工具" :arrow="false" hoverClass="none"></u-cell-item>
		<u-grid :col="4" :border="false" class="u-p-x-10">
			<u-grid-item v-for="(item,index) in tools" :index="index" :key='index' @click="toPage(item.url)">
				<image :src="item.icon" style="width: 60rpx;height: 60rpx;" mode=""></image>
				<view class="u-p-t-10 u-p-b-20">{{item.title}}</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
import { MineCenterApi } from '../../api/serves';
	export default {
		name:"mine-tools",
		data() {
			return {
				tools:  [
                    // {
                    //     title: '排行榜',
                    //     url: '/pages/mine/mineTools/mineRank/mineRank',
                    //     num: 10
                    // },
                    // {
                    //     title: '我要入驻',
                    //     url: '/pages/mine/mineEnterPages/mineEnter/mineEnter',
                    //     num: 0
                    // },
                    // // {
                    // //     title: '我的拼团',
                    // //     url: '/pages/group/groupMine/groupMine',
                    // //  num: 1
                    // // },
                    // {
                    //     title: '商品收藏',
                    //     url: '/pages/mine/mineTools/mineCollect/mineCollect?current=0',
                    //     num: 2
                    // },
                    // {
                    //     title: '店铺关注',
                    //     url: '/pages/mine/mineTools/mineCollect/mineCollect?current=1',
                    //     num: 3
                    // },
                    // // {
                    // //     title: '充值',
                    // //     url: '/pages/mine/mineBalance/balanceRechage/balanceRechage',
                    // //  num: 4
                    // // },
                    // {
                    //     title: '提现',
                    //     url: '/pages/mine/mineBalance/balanceWithdraw/balanceWithdraw',
                    //     num: 5
                    // },
                    // // {
                    // //     title: '领券中心',
                    // //     url: '/pages/mine/mineTools/couponCenter/couponCenter',
                    // //  num: 6
                    // // },
                    // // {
                    // //     title: '我的秒杀',
                    // //     url: '/pages/seckill/seckillMine/seckillMine',
                    // //  num: 7
                    // // },
                    // // {
                    // //     title: '游戏中心',,
                    // //  num: 8
                    // // },
                    // {
                    //     title: '联系我们',
                    //     num: 9
                    // },
                    // {
                    //     title: '事业部申请',
                    //     url: '/pages/mine/mineTools/divisionApplication/divisionApplication',
                    //     num: 11
                    // },
                    // {
                    //     title: '赠送贡献值',
                    //     url: '/pages/mine/mineTools/contribute/contribute',
                    //     num: 12
                    // },
                ]
			};
		},
		options: { styleIsolation: 'shared' },
		methods: {
			async getList(){
				let res = await MineCenterApi.getMyConfig()
				this.tools = res.data
			},
			toPage(url) {
				if(!this.isLogin) return this._login()
				if(!url) return uni.showToast({title:'敬请期待'})
				// #ifdef APP-PLUS
				if(url == 'www.xinchenshop.cn') return plus.runtime.openWeb(url)
				// #endif
				// #ifdef H5
				if(url == 'www.xinchenshop.cn') window.open(url)
				// #endif
				// #ifdef MP-WEIXIN
				if(url == 'www.xinchenshop.cn') this.$copy(url)
				// #endif
				console.log(url);
				uni.navigateTo({ url })
			}
		},
		mounted() {
			this.getList()
		}
	}
</script>

<style lang="scss" scoped>
::v-deep .u-grid-item-box {
	padding: 0 !important;
}
</style>
